<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>

        .wrap {

            margin: 0 auto;

            width: 900px;
        }

        #header {

            height: 100px;
            background-color: #B0B0B0;
        }

        #section {

            height: 500px;

        }

        #footer {

            height: 80px;

            background-color: green;
        }

        #left{

            height: 100%;

            width: 200px;

            float: left;
            background-color:burlywood;
        }

        #right{
            background-color: #ff4b59;

            width: 700px;
            height: 100%;

            float: right;

        }


    </style>
</head>
<body>

<header id="header" class="wrap"></header>
<section id="section" class="wrap">

    <aside id="left"></aside>

    <div id="right"></div>

</section>
<footer id="footer" class="wrap"></footer>

</body>
</html>